<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>机构树菜单树</title>
<link rel="stylesheet" href="tree_files/font-awesome.min.css">
<!-- page specific plugin styles -->

<!-- ace styles -->
<link rel="stylesheet" href="tree_files/ace.min.css">
<script src="js/jquery.min.js?v=2.1.4"></script>
<script type="text/javascript" src="js/core.js"></script>

</head>
<body>
	<script></script>
<div class="row">
	<div class="col-sm-6">
		<div class="widget-box">
			<div class="widget-header header-color-blue2">
				<h4 id="titleN" class="lighter smaller">角色添加</h4>
			</div>
			<div class="widget-body" >
				<div class="widget-main padding-8">
					<div id="tree1" class="tree tree-selectable">
						<div class="tree-folder" style="display:none;">
							<div class="tree-folder-header">	
								<i class="icon-plus"></i>			
								<div class="tree-folder-name"></div>	
							</div>			
							<div class="tree-folder-content"></div>		
							<div class="tree-loader" style="display: none;"></div>	
						</div>			
						<div class="tree-item" style="display:none;">			
							<i class="icon-remove"></i>		
							<div class="tree-item-name"></div>	
						</div>
						<div class="tree-folder" style="display: block;">		
							<div class="tree-folder-header">		
								<i class="icon-plus"></i>			
								<div class="tree-folder-name">Vehicles</div>
							</div>		
							<div class="tree-folder-content"></div>		
							<div class="tree-loader" style="display: none;">
								<div class="tree-loading"><i class="icon-refresh icon-spin blue"></i></div></div>
						</div>
				</div>
			</div>
		</div>
	</div>
	
    <input id="roleName" type="text" placeholder="角色名称" > 
    <button type="button" id="toSearch" class="btn btn-sm btn-primary" style="margin-left:20px ;" onclick="roleAdd()">提交</button>
	
</div>
<script type="text/javascript" src="js/role_add.js"></script>
<!--[if !IE]> -->
<script src="tree_files/jquery-2.0.3.min.js"></script>
<!-- <![endif]-->
<script src="tree_files/bootstrap.min.js"></script>
<!-- page specific plugin scripts -->
<script src="tree_files/fuelux.tree-sampledata.js"></script>
<script src="tree_files/fuelux.tree.min.js"></script>
<!-- ace scripts -->
<script src="tree_files/ace-elements.min.js"></script>
<script src="tree_files/ace.min.js"></script>
<!-- inline scripts related to this page -->
<script type="text/javascript">
	
jQuery(function($){
	$('#tree1').ace_tree({
		dataSource: treeDataSource ,
		multiSelect:true,
		loadingHTML:'<div class="tree-loading"><i class="icon-refresh icon-spin blue"></i></div>',
		'open-icon' : 'icon-minus',
		'close-icon' : 'icon-plus',
		'selectable' : true,
		'selected-icon' : 'icon-ok',
		'unselected-icon' : 'icon-remove'
	});
//	$('#tree2').ace_tree({
//		dataSource: treeDataSource2 ,
//		loadingHTML:'<div class="tree-loading"><i class="icon-refresh icon-spin blue"></i></div>',
//		'open-icon' : 'icon-folder-open',
//		'close-icon' : 'icon-folder-close',
//		'selectable' : false,
//		'selected-icon' : null,
//		'unselected-icon' : null
//	});
});
</script>
</body>
</html>
